@charset "utf-8";
@import "main.less";

@media all and (min-width:1370px){
  ul{
     .margin_Remove;
    .padding_Remove;
  }

  li{
  .ul_BaseStyle;
  }
 div,img,p{
    .margin_Remove;
    .padding_Remove;
  }
  /*活动的大图片*/
  .activity_maximg {
    .size(100%,auto);
    .margin_Remove;
    .padding_Remove;
    /*图片*/
    img {
      .size(100%, auto);
    }
  }
  /** 主体*/
  .activity_subject{
    .size(1200px,1000px);
    .margin_Auto;
  }
  /*上半部分第一个盒子*/
  .activityupper_part{
    padding-top:75px;
  }
  /*上半部分里面的左边*/
  .activityimg_left{
    float: left;
    img{
      .size(600px,auto);
    }
  }
  /*上半部分右边字体p1*/
  .leftfont_size{
    font-size:22px;
    float: left;
    color:@titleColor;
    .margin_All(10px,20px,10px,0px);
    .size(595px,auto);
    line-height:25px;
  }
  //上半部分图片的右边活动信息
  .md_style{
    .size(590px,350px);
    float: left;
    margin-left:10px;
  }
  /*上半部分右边字体p2*/
  .left_style{
    font-size:18px;
    float: left;
    .size(590px,50px);
    line-height:50px;
    .margin_All(5px,5px,5px,5px);
  }
  //活动人数
  .huodng_score{
    float: left;
  }
  //分享
  .renxiang_md{
  float: left;
  }
  /*上半部分span标题字体颜色*/
  .font_orangeclass{
    color: rgb(255, 153, 102);
  }
  /*上半部分span信息字体颜色*/
  .font_Light_greyclass{
    color:@handleColor;
    .margin_right(20px);
  }
  /*分享*/
  .share{
    .padding_left(100px);
  }
  //报名结束时间
  .font_baomingTime{
    .margin_left(20px);
  }
  /*分享图标*/
  .share_img{
    .size(20px,20px);
  }

  /*立即参加按钮*/
  .activity_button{
    .btn_default(fill,@width:200px,@height:45px);
    .margin_top(30px);
    .margin_left(30px);
    float: left;
    line-height: 20px;
  }
  /**收藏按钮 */
  .activity_buttonshouc {
    .btn_stop(fill,@width:100px,@height:45px);
    float: left;
    line-height: 20px;
    /*上、下、左、右*/
    .margin_All(30px,0px,0px,45px);
    img{
      .size(26px,27px);
      float: left;
      .margin_left(14px);
    }
    span{
      float:left;
      .margin_top(6px);
    }
  }
  /*下半 部分*/
  .Lowerpart_body{
    .margin_top(120px);
    background-color:white;
    .size(1200px,800px);
    float: left;
  }


  /*下半部分左边*/
  .Lowerpart_body_left{
    .size(800px,500px);

    float: left;
  }
  /*下半部分中间*/
  .Lowerpart_body_right_middle{
    .size(15px,500px);
    float: left;
  }
  /*右边部分*/
  .Lowerpart_body_right{
    .size(375px,500px);
    .margin_top(100px);
    float: left;
  }
  /*左边活动信息*/
  .Lowerpart_body_left_info{
    .size(800px,auto);
  }
  //已报名
  .Lowerpart_body_left_baoming{
    .size(800px,auto);
    .margin_top(200px);
  }
  //留言
  .Lowerpart_body_left_liuyan{
    .size(800px,auto);
    .margin_top(290px);
  }
  //留言版
  .Lowerpart_body_left_liuyanban{
    .size(800px,auto);
    .margin_top(60px);
    .margin_bottom(300px);
  }
  //活动导航栏
  .activities{
    .border_bottom(rgba(102,204,255,1),1px);
    .size(800px,45px);
    li{

    }
  }
  /*活动详情按钮样式*/
  .activities_info{
    background-color:rgba(102, 204, 255, 1);
    .size(120px,45px);
    float: left;
    text-align: center;
    line-height:45px;
    color: white;
    .radius(4px);
  }


  /*已报名，报名留言*/
  .activities_liuyan{
    text-align: center;
    line-height:40px;
    .margin_left(10px);
    .size(120px,45px);
    float: left;
    color:@titleColor;
    .radius(4px);
  }
  .activities_liuyan:hover{
    background-color: @bodyColor;
    color:@a_color;
  }

  .activities_huodongxinxi{
    .border_right(@handleColor,1px);
    .margin_top(60px);
    .padding_right(10px);
    .size(auto,auto);
  }
  /**
  活动标题
   */
  .activities_biaoti{
    background-color: #00aaff;
    .size(150px,auto);
    color:white;
    .margin_left(15px);
    font-size: 20px;
    .margin_top(15px);
    .margin_bottom(15px);

  }
  /*活动内容*/
  .activities_neirong{
    line-height:30px;
    text-indent: 4em;
    font-family: sans-serif;
    font-size: 18px;
    .margin_left(15px);
    color:@contentColor;

  }
  .sp1{
    .margin_left(75px);
    display: block;
  }
  .sp2{
    .margin_left(200px);
    display: block;
  }
  /*报名人数*/
  .baoming_mingdan{
    .margin_left(8px);
    & li{
      text-align: center;
      padding: 10px 0px 0px 0px;
      float: left;
      & img{
        .size(50px,50px);
        .padding_right(5px);
      }
      & p{
        font-size: 12px;
        .margin_Remove;
        .padding_Remove;
        padding-right: 5px;
      }
    }
  }
  /*留言*/
  .liuyan{
    .border_bottom(@handleColor,1px);
    .size(800px,130px);
    img{
      .size(50px,50px);
    }
    span{
      line-height: 20px;
    }
  }
  /*留言*/

  .liuyan_info{
    .margin_top(10px);
    li{
      float: left;
    }
    position: relative;
  }
  /*迷途者留言用户名*/
  .liuyan_left{
    line-height: 50px;
    a{
      text-decoration: none;
      color: #444444;
    }
  }
  /*迷途者留言日期*/
  .liuyan_right{
    line-height: 57px;
    position: absolute;
    right: 0;
    color:#999999;
  }
  /*留言内容*/
  .liuyan_neirong{
    .margin_left(50px);
    color: @contentColor;
  }

  /*留言操作*/
  .liuyan_caozuo{
    position: static;
    div{
      position: absolute;
      right: 0;
      top:100px;
    }
    a{
      font-size: 14px;
      color: #999999;
      text-decoration: none;
      .margin_right(3px);
    }
  }
  /*留言*/
  .textarea{
    .size(795px,246px);
    .radius(5px);
  }
  /*评价按钮*/
  .pingjiao{
    .btn_stop(fill,140px,50px);
    float: right;

  }

  /*最右边*/
  .right_img{
    img{
      float: left;
      .size(120px,77px);
    }
    p{
      float: left;
      font-size: 14px;
      .size(200px,55px);
      .text_overflow(3);
      .margin_left(10px);
      .text_overflow(3);
      color:#191c1f;
    }
    p:hover{

    }
  .font:hover{
    color: @a_color;
  }
  }


  /*右边图片迷途者*/
  .right_img_mituzhe{
    float: left;
    .margin_top(3px);
    position: absolute;
    right:0px;
    top:65px;
    a{
      text-decoration: none;
      color: #444444;
    }
    img{
      float: left;
    }
    span{
      float: left;
      display: block;
      line-height: 16px;
      .margin_right(10px);
    }

  }
  //迷途者
  .right_mituzhe{
    float: left;
    .margin_left(7px);
    a{
      text-decoration: none;
      color: #999999;
    }
  }
  /*评价，浏览量图标*/
  ._mituzhe_mituzhe{
    font-size: 14px;
  }
  ._mituzhe_mituzhe:hover{
    color: @a_color;
  }

  ._mituzhepingjian{
    .margin_left(80px);
    & span{
      .size(100px,100px);
      font-size:14px;
      .padding_bottom(10px);
    }
  }
  //右边导航栏
  .Lowerpart_body_right_li{
    .size(auto,100px);
    position: relative;
    .padding_All(10px,0px,10px,0px);
  }
  //设置当鼠标移到li上面的阴影
  .Lowerpart_body_right_li:hover{
    .radius(@w:7px);
    .shadow(@w:4px,@c:#CADBE9);
  }

}
